<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>员工管理页面</title>
        <link type="text/css" href="static/dist/css/zui.min.css" rel="stylesheet">
    </head>
    <body>
        <div class="container" style="margin-top: 30px;">
            <div class="panel">
                <div class="panel-heading" style="text-align: center;">
                    搜索条件
                </div>
                <div class="panel-body">
                    <div class="input-group col-xs-3" style="float: left;padding-right: 20px;">
                        <span class="input-group-addon">用户学号</span>
                        <input class="form-control" id="staffNumber" type="text" placeholder="请输入用户学号">
                    </div>
                    <div class="input-group col-xs-3" style="float: left;padding-right: 20px;">
                        <span class="input-group-addon">用户姓名</span>
                        <input class="form-control" id="staffName" type="text" placeholder="请输入用户姓名">
                    </div>
                    <div class="input-group col-xs-3" style="float: left;padding-right: 20px;">
                        <span class="input-group-addon">用户手机号</span>
                        <input class="form-control" id="staffPhone" type="text" placeholder="请输入用户手机号">
                    </div>
                    <div class="input-group col-xs-2" style="float: left;padding-right: 20px;">
                        <input class="btn" id="btnSearch" type="button" style="width: 100%;" value="查询">
                    </div>
                    <div class="but" style="float: right;padding-right: 100px;padding-top: 15px">
                        <div class="input-group col-xs-2" style="float: left;padding-right: 20px;">
                            <input class="btn btn-success" id="btnReset" type="button" style="width: 100%;" value="重置">
                        </div>
                        <div class="input-group col-xs-2" style="float: left;padding-right: 20px;">
                            <input class="btn btn-danger" id="btnInsert" type="button" style="width: 100%;" value="新增">
                        </div>
                    </div>
                </div>
            </div>

            <div class="panel">
                <div class="panel-heading" style="text-align: center;">
                    员工信息
                </div>
                <div class="panel-body">
                    <table class="table table-bordered table-fixed table-hover" style="text-align: center;">
                        <thead>
                        <tr>
                            <th style="text-align: center;">序号</th>
                            <th style="text-align: center;">用户学号</th>
                            <th style="text-align: center;">用户账号</th>
                            <th style="text-align: center;">用户姓名</th>
                            <th style="text-align: center;">用户手机号</th>
                            <th style="text-align: center;">操作</th>
                        </tr>
                        </thead>
                        <tbody id="tbody">
                        </tbody>
                    </table>
                    <div style="margin: 10px auto; width: 200px;">
                        <input class="btn" id="btnPrevPage" type="button" value="上一页">
                        <span id="page">1/1</span>
                        <input class="btn" id="btnNextPage" type="button" value="下一页">
                    </div>
                </div>
            </div>
        </div>
        <!-- 新增参数弹框 -->
        <div class="modal fade" id="dialogInsert" data-backdrop="static">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
						<h4 class="modal-title" style="text-align: center;">新增用户</h4>
					</div>
                    <div class="modal-body container">
                        <form class="form-horizontal">

                            <div class="form-group col-xs-12 with-padding">
                                <label class="col-xs-2 required">用户学号</label>
								<div class="col-xs-10">
									<input type="text" name="" class="form-control" id="insertStaffNumber" value="" placeholder="请输入用户编号" />
								</div>
                            </div>
                            <div class="form-group col-xs-12 with-padding">
                                <label class="col-xs-2 required">用户姓名</label>
                                <div class="col-xs-10">
                                    <input type="text" name="" class="form-control" id="insertStaffName" value="" placeholder="请输入用户姓名" />
                                </div>
                            </div>
                            <div class="form-group col-xs-12 with-padding">
                                <label class="col-xs-2 required">用户账号</label>
								<div class="col-xs-10">
									<input type="text" name="" class="form-control" id="insertStaffAccount" value="" placeholder="请输入用户账号" />
								</div>
                            </div>
                            <div class="form-group col-xs-12 with-padding">
                                <label class="col-xs-2 required">密码</label>
                                <div class="col-xs-10">
                                    <input type="text" name="" class="form-control" id="insertStaffPwd" value="" placeholder="请输入用户密码" />
                                </div>
                            </div>

                            <div class="form-group col-xs-12 with-padding">
                                <label class="col-xs-2 required">用户手机号</label>
								<div class="col-xs-10">
									<input type="text" name="" class="form-control" id="insertStaffPhone" value="" placeholder="请输入用户手机号" />
								</div>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						<button id="btnInsertSubmit" type="button" class="btn btn-primary">保存</button>
					</div>
                </div>
            </div>
        </div>

        <!-- 修改参数弹框 -->
		<div class="modal fade" id="dialogUpdate" data-backdrop="static">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
						<h4 class="modal-title" style="text-align: center;">修改用户信息</h4>
					</div>
					<div class="modal-body container">
						<form class="form-horizontal">
                            <div class="form-group col-xs-12 with-padding">
                                <label class="col-xs-2 required">用户学号</label>
                                <div class="col-xs-10">
                                    <input type="text" name="" class="form-control" id="updateStaffNumber" value="" placeholder="请输入序号" />
                                </div>
                            </div>
							<div class="form-group col-xs-12 with-padding">
                                <label class="col-xs-2 required">用户姓名</label>
								<div class="col-xs-10">
									<input type="text" name="" class="form-control" id="updateStaffName" value="" placeholder="请输入用户编号" />
								</div>
                            </div>
                            <div class="form-group col-xs-12 with-padding">
                                <label class="col-xs-2 required">用户账号</label>
								<div class="col-xs-10">
									<input type="text" name="" class="form-control" id="updateStaffAccount" value="" placeholder="请输入用户姓名" />
								</div>
                            </div>
                            <div class="form-group col-xs-12 with-padding">
                                <label class="col-xs-2 required">密码</label>
                                <div class="col-xs-10">
                                    <input type="text" name="" class="form-control" id="updateStaffPwd" value="" placeholder="请输入用户姓名" />
                                </div>
                            </div>
                            <div class="form-group col-xs-12 with-padding">
                                <label class="col-xs-2 required">用户手机号</label>
								<div class="col-xs-10">
									<input type="text" name="" class="form-control" id="updateStaffPhone" value="" placeholder="请输入用户手机号" />
								</div>
                            </div>					
						</form>
					</div>
		
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						<button id="btnUpdateSubmit" type="button" class="btn btn-primary">保存</button>
					</div>
				</div>
			</div>
		</div>
    </body>
    <script src="static/dist/lib/jquery/jquery.js" type="text/javascript" charset="utf-8"></script>
	<script src="static/dist/js/zui.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="static/layer/layer.js" type="text/javascript" charset="utf-8"></script>
	<script src="static/js/staff_mgr.js" type="text/javascript" charset="utf-8"></script>
</html>